<!DOCTYPE html>
<html xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.4-strict.dtd">
<head>
    <link rel="stylesheet" type="text/css" href="resources/style.css"/>
    <link rel="stylesheet" type="text/css" href="resources/style1.css"/>
    <link rel="stylesheet" type="text/css" href="resources/header.css"/>
    <link rel="stylesheet" type="text/css" href="resources/flightInfo.css"/>
    <script src="resources/jquery-2.0.0.js"></script>
    <script src="resources/script.js"></script>
    <!--<style>
        div.wicket-aa {
            font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana;
            font-size: 12px;
            background-color: white;
            border: 1px solid #cccccc;
            padding: 2px;
            margin: 1px 0 0 0;
            text-align:left;
        }
        div.wicket-aa ul { list-style:none; padding: 2px; margin:0; }
        div.wicket-aa ul li.selected { background-color: #FFFF00; padding: 2px; margin:0; }
    </style>-->
</head>
<body>
<div id="wrapper">

    <!-- header -->

    <div id="header" class="container">
        <div id="logo">
            <h1><a href="#" wicket:id="logo">Kurak's </a></h1>

            <p>We can fly!</p>
        </div>
        <div id="menu">
            <ul id="nav">
                <li><a href="/index" wicket:id="index">Homepage</a></li>
                <li><a href="#">Booking</a>
                    <ul>
                        <li><a href="#" wicket:id="findFlight">Booking</a></li>
                        <li><a href="/shedule">Shedule</a></li>
                    </ul>
                </li>
                <li><a href="#">Information</a>
                    <ul>
                        <li><a href="/flights?sort=id">Flights</a></li>
                        <li><a href="/airports">Airports</a></li>
                        <li><a href="/cities">Cities</a></li>
                        <li><a href="/countries">Countries</a></li>
                        <li><a href="/planes">Planes</a></li>
                    </ul>
                </li>
                <li><a href="#">About</a></li>
            </ul>
        </div>
    </div>

    <!-- content -->

    <div id="page">
        <div id="content">
            <wicket:child/>
        </div>
        <!-- sidebar -->

        <div id="sidebar">
            <ul>
                <li>
                    <div id="search">
                        <form method="get" action="#">
                            <div>
                                <input type="text" name="s" id="search-text" value=""/>
                                <input type="submit" id="search-submit" value="GO"/>
                            </div>
                        </form>
                    </div>
                    <div style="clear: both;">&nbsp;</div>
                </li>
                <li>
                    <hr style="color: #345E9B; width: 80%; height: 1px">
                    <p>Your airport: <span wicket:id="currentFlight">[Current Flight]</span></p>
                    <div wicket:id="sheduleFlights">
                        <div class="flightInfos" style="margin: 0 auto">
                            <div class="flightInfoHeader">
                                <span class="flightInfoHeader" style="width: 90px">
                                    <span wicket:id="sheduleStatus">[status]</span>
                                </span>
                                <span class="flightInfoHeader" style="width: 90px">
                                    <span wicket:id="sheduleDate">[Date]</span>
                                </span>
                                <span class="flightInfoHeader" style="width: 90px">
                                    <span wicket:id="sheduleAirportName">[AirportName]</span>
                                </span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>

                </li>
            </ul>
        </div>

        <!-- sidebar -->
        <div style="clear: both;">&nbsp;</div>
    </div>
</div>
<div id="footer-content">&copy; Кси</div>
<div id="footer">This is footer</div>
</body>
</html>